@charset "utf-8";
@import "utils";
/*@import "reset";*/
/*@import "common";*/ 

 
.Pending_payment_web{
    @include web;
    //  头部引入
    //主体 
    section{ 
       @include midContent;
        //订单信息
        .Order_information{
            width: 100%;
            margin: 0 auto;
            font-size: 0;
//          margin-left: r(20);
            margin-top: r(30);
            padding-bottom: r(27);
            border-bottom:1px solid #f1f1f1;
            &>ul {
                width: 100%;
                &>li {
                    width: 24.7%;
                    height: r(117);
                    background: #f8f8f8;
                    text-align: center;
                    padding-bottom: r(10);
                    display: inline-block;
                    vertical-align: top;
                    margin-right: r(2);
                    >a {
                        >div {
                            margin-top: r(20);
                            width: r(30);
                            height: r(49);
                            display: inline-block;
                            img {
                                width: 100%;
                            }
                        }
                        &>p {
                            color: #d69782;
                            font-size: r(17+8);
                            margin-top: r(10);
                        }
                    }
                }
                &>li:nth-child(2) {
                    &>a {
                        &>div {
                            margin-top: r(25);
                            width: r(48);
                            height: r(45);
                        }
                    }
                }
                &>li:nth-child(3) {
                    &>a {
                        &>div {
                            margin-top: r(15);
                            width: r(39);
                            height: r(55);
                        }
                    }
                }
                &>li:nth-child(4) {
                    &>a {
                        &>div {
                            margin-top: r(28);
                            width: r(45);
                            height: r(42);
                        }
                    }
                }
            } 
        }
        //订单
        .section_content{
            
            .order_for_goods{
                width: 100%;
    //          margin-left: r(20);
                .order_number{
                    margin-top: r(35);
                    p{
                        color: #d69782;
                        font-size: r(20+8);
                    }
                }
                .order_goods{
                    margin-top: r(15);
                    width: 100%;
                    background: #f6f6f6;
                    overflow: hidden;
                    .order_goods_left{
                        vertical-align: top;
                        display: inline-block;
                        &>div{
                            margin:r(14) r(32) r(19) r(20) ;
                            width: r(143);
                            height: r(143);
                            @include aImg;
                        }
                    }
                    .order_goods_right{
                        width: r(470);
                        overflow: hidden;
                        display: inline-block;
                        .goods_right_top{
                            width: r(350);
                            margin-top: r(15);
                            p{
                                color: #7c7c7c;
                                margin-top: r(10);
                                font-size: r(19+8);
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                        .goods_right_bottom{
                            margin-top: r(-55);
                            text-align: right;
                            p{
                                color: #535353;
                                font-size: r(20+8);
                            }
                            span{
                                color: #a5a5a5;
                                font-size: r(20+8);
                            }
                        }
                    }
                }
                //提交订单
                .place_order{
                    width: 100%;
                    margin-top: r(50);
                    overflow: hidden;
                    .place_order_left{
                        display: inline-block;
                        p{
                            display: none;
                            font-size: r(14+8);
                            color: #6f6f6f;
                            margin-bottom: r(10);
                            span{
                                font-size: r(14+8);
                            }
                        }
                        p:first-of-type{
                            display: block;
                        }
                    }
                    //按钮
                    .place_order_right{
//                      vertical-align: top;
                        float: right;
//                      margin-right: r(42);
                        display: inline-block;
                        &>div{
                            width: r(195);
                            height: r(50);
                            line-height: r(50);
                            background: #e39d88;
                            text-align: center;
                            margin-bottom: r(19);
                            position: relative;
                            &>p{
                                display: inline-block;
                                color: #fff;
                                font-size: r(19+8);
                                margin-top: r(-10);
                            }
                            &>div{
                                display: inline-block;
                                position: absolute;
                                top:r(0);
                                right: r(-10);
                                width: r(15);
                                height: r(15);
                                @include aImg;
                            }
                        }
                        .payMethod{
                            div{
                                transform: rotate(180deg);
                                transition: transform .2s;
                            }
                        }
                        .payType{
                            display: none;
                            height: auto;
                            background: none;
//                          width: r(160);
                            color: white;
                            overflow: hidden;
                            margin-top: r(-10);
                            p{
                                float: right;
                                height: r(50);
                                line-height: r(50);
                                background: #B9B9B9;
                                margin-top: r(10);
                                padding: 0 r(15);
                            }
                        }
                    }
                }
            }
        }
    }
    
  //  尾部样式引入
}